<!DOCTYPE html>
<html>
<head>
  <title>注册页面</title>
  <style>
 body {
      background-image: url(2.jpg);
  }
  .mar{
    margin-left: auto;
    margin-right: auto;
  }
  .wid{
    width: 270px;
  }
  .ali{
    text-align: center;
  }
  form {
      margin-top: 250px;
  }
  #cj h1{
    color:skyblue;
  }
  </style>
</head>
<body>
  <div id="cj">
    <p> 愿你放下执着，放下不甘心，从今以后，只负责精彩自己的人生。往事不回头，未来不将就，你若盛开，清风自来。</p>
    <form class="form-signin ali">
      <h1 class="form-signin-heading mar"><strong>注册</strong></h1>
      <input type="email" id="inputEmail" class="form-control mar wid" placeholder="邮箱：" required ></br>
      <input type="password" id="inputPassword" class="form-control mar wid" placeholder="密码："></br>
      <input type="password" id="inputPassword" class="form-control mar wid" placeholder="请确认密码："></br>
      <input type="tel"  class="form-control mar wid"  name="telphone" pattern="^\d{11}$" placeholder="请输入您的电话号码：">
     
      <div class="checkbox">
        <label>
            <input type="checkbox"><strong>勾选表示您同意并愿意遵守用户协议和隐私政策</strong>
        </label>
      </div>
      <button class="btn btn-lg btn-primary btn-block mar wid" type="submit">同意注册</button>
    </form>
  </div>
</body>

</html>